iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 30
2
自我挑戰組

前端史萊姆與Vue的三十天時光冒險系列 第 30

Day30 This is not the End,回顧30天來的挑戰

  • 分享至 

  • xImage
  •  

本文同步發表於斜槓女紙部落格:Day30 This is not the End,回顧30天來的挑戰

Day30 This is not the End,回顧30天來的挑戰

嗨~大家,默默也挑戰了30天,不免俗的來篇心得文充充版面。

最後給大家看一下實作專案的畫面呈現。

因為小妹也才剛開始嘗試Vue CLI,畫面還有很多地方沒搞定,就不獻醜了~~這裡放置的是引入CDN版本而不是Vue CLI版唷!


photo by @anthonytran

會想開始挑戰的初衷很簡單,記得幾年前開始自學HTMLCSS時,因為國高中階段就有碰過一些,所以上手的速度算自認為很快,也很不怕死的直接跟老闆說我想拖離原有的設計師工作轉成切版。在工作上也算有驚無險的成功完成一個又一個的網站,每每看到自己能成功切出設計師各種天馬行空的畫面時,心中真的只有一個爽字能形容XD

不過在自學JavaScript的階段就沒有像自學HTMLCSS這麼快速了,可能是自己偷懶的原因也有一些,最初還沒有參加線上課程時,學習中遇到疑問時就很阿Q的請教Google大神。搜尋到的結果有時候很淺顯易懂,但更多時候是我都認識文章內的每一個文字,無奈那些說明文章中的字不太認識我。

photo by @cadop

每當這個時候就會很希望,如果能有人來寫些超超超新手也能看懂的文章該有多好。這個想法在腦海盤旋了一兩年,今年終於鼓起勇氣在Medium中開始寫下自己自學的心得和過程,權當個記錄,也希望能夠對像我一樣弱弱的但又想學習JavaScript的人能夠理解的直白文章。


photo by @punttim

剛開始寫沒多久,一年一度的鐵人賽就開始惹。原本是抱著強迫自己學Vue的心態開始這個挑戰,不過上班族擠出的時間真的不多QQ,我看教學的速度趕不上我寫文的速度阿,所以整個30天的流程其實有點兒雜亂,真的就是我學到哪裡記錄到哪裡XD

回想這30天的文章,真的每天都是燃燒小宇宙完成的。這次剛好又卡到外出旅遊的時間,為了能好好安心玩耍,硬逼自己每天生出2篇文章當預備,現在回想起來覺得也是挺有趣的過程,不過我短期內應該沒有勇氣再試一次惹。

photo by @yrss

每次深夜寫文的時候總是一半痛苦一半懷疑自己為什麼腦袋一熱就入坑了,不過也因此讓自己學到了蠻多新知識,雖然還是弱弱的、有很多觀念需要加強,但也覺得自己好像往前端工程師的目標稍微邁進了一些。/images/emoticon/emoticon07.gif


photo by @cgower

這次練習了使用Vue.js來建立網頁,也依著老師們的方法嘗試了基礎的Vue指令,整個過程中也參考了很多大大們的文章,其中還是最感謝六角學院Alex 宅幹嘛讓我能在這麼短的時間內上手實作。

也試著挑戰了以往有點兒害怕的API串接這件事,可能因為Vue的資料驅動畫面的特性吧,在嘗試時很直覺得就讓API誤鍵資料呈現在畫面上,雖然AJAX的非同步問提到現在還沒能研究出個所以然,但相信我一定可以的(握拳)/images/emoticon/emoticon42.gif

30天挑戰結束後的日子,我打算先睡一個禮拜。阿不是,是繼續把沒有看完的Vue課程結束,期望課程達陣後能把這次還沒解決的問題也K.O,後續的文章會不定期同步更新在iT邦幫忙以及斜槓女紙部落格唷~~

感謝大家收看~下次見


上一篇
Day29 Vue CLI專案實作(三):VueScrollTo套件應用
系列文
前端史萊姆與Vue的三十天時光冒險30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
阿展展展
iT邦好手 1 級 ‧ 2020-01-10 05:54:37

辛苦了 !! 恭喜完賽!!! 覺得內文、插圖都很用心 /images/emoticon/emoticon42.gif

我要留言

立即登入留言